<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
     <style type="text/css"> 
     /*==========以下部分是Validform必须的===========*/
            .Validform_checktip{
                margin-left:8px;
                line-height:20px;
                height:20px;
                overflow:hidden;
                color:#999;
                font-size:12px;
            }
            .Validform_right{
                color:#71b83d;
                padding-left:20px;
                background:url(images/right.png) no-repeat left center;
            }
            .Validform_wrong{
                color:red;
                padding-left:20px;
                white-space:nowrap;
                background:url(images/error.png) no-repeat left center;
            }
            .Validform_loading{
                padding-left:20px;
                background:url(images/onLoad.gif) no-repeat left center;
            }
            .Validform_error{
                background-color:#ffe7e7;
            }
            #Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
            #Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
            #Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
            #Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
            #Validform_msg a.Validform_close:hover{color:#cc0;}
            #Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;} 
    #area_td select {  
        width: 115px;  
    }  
    tr{padding-bottom:20px;}
    /*.redfont{width: 120px; display: block;}*/
    </style>  </head>  
<body> 
    <div class="centent_zxzc">  
        <div style="margin-left: 20px;">  
            <form action="" method="post" name="registerfrm" class="registerfrm">  
                <table cellpadding="0" style="float: left;" cellspacing="0" width="770">   
                    <tr>  
                        <td width="80" rowspan="6" align="center" bgcolor="#f3f3f3">  
                            个人信息  
                        </td>  
                        <td width="100" >  
                            <span class="redfont">*</span>用户名  
                        </td>  
                        <td class="lefttd">  
                            <input type="text" name="name" value="" id="loginId" readonly="readonly"  
                                maxlength="30" size="30" />  
                            <span class="Validform_checktip">用户名不可更改！</span>  
                        </td>  
                    </tr>  
                    <tr>  
                        <td>  
                            <span class="redfont">*</span>姓  名  
                        </td>  
                        <td class="lefttd">  
                            <input type="text" name="Name" value="" id="name" class="inputxt" datatype="t2-15"  
                                errormsg="姓名2-15个汉字、字母、下划线和数字！" maxlength="25" size="30" />  
                            <span class="Validform_checktip">请填写您的真实姓名，用于证书发放</span>  
                        </td>  
                    </tr>  
                    <tr>  
                        <td>  
                            <span class="redfont">*</span>性  别  
                        </td>  
                        <td class="lefttd">  
                            <select name="sex" datatype="*" nullmsg="请选择性别" style="width: 175px;">  
                                <option value="">  
                                    --- 请选择性别---  
                                </option>  
                                <option value="男" >  
                                    男  
                                </option>  
                                <option value="女">  
                                    女  
                                </option>  
                                </select>  
                            <span class="Validform_checktip"></span>  
                        </td>  
                    </tr>  
                    <tr>  
                        <td>  
                            <span class="redfont"></span>民  族  
                        </td>  
                        <td class="lefttd">  
                            <SELECT id="folk"  datatype="*" nullmsg="请选择民族" name="" style="width: 175px;">  
                                <OPTION value="">  
                                    ---请选择民族---  
                                </OPTION> 
                                <option value="汉族" >  
                                    汉族 
                                </option>  
                                <option value="壮族">  
                                    壮族 
                                </option> 
                            </SELECT>  
                            <span class="Validform_checktip"></span>  
                        </td>  
                    </tr>  
                    <tr>  
                        <td>  
                            <span class="redfont">*</span>出生日期  
                        </td>  
                        <td class="lefttd">  
                            <input type="text" name="Date" datatype="s"  
                                value="" id="birthday"   size="30" />  
                            <span class="Validform_checktip"></span>  
                        </td>  
                    </tr>  
                    <tr>  
                        <td>  
                            <span class="redfont">*</span>学  历  
                        </td>  
                        <td class="lefttd">  
                            <select id="education" name="" datatype="*" nullmsg="请选择学历" style="width: 175px;">  
                                <option value="">  
                                    ---请选择学历---  
                                </option> 
                                <option value="本科" >  
                                    本科  
                                </option>  
                                <option value="专科">  
                                    专科 
                                </option> 
                            </select>  
                            <span class="Validform_checktip"></span>  
                        </td>  
                    </tr>  
                    <tr>  
                        <td width="50" rowspan="9" align="center" bgcolor="#f3f3f3">  
                            通讯信息  
                        </td>  
                        <td>  
                            <span class="redfont">*</span>工作单位  
                        </td>  
                        <td class="lefttd">  
                            <input type="text" name="" value="" id="depart" class="inputxt" datatype="t4-25"  
                                errormsg="工作单位4-25个汉字、字母、下划线和数字！" maxlength="50" size="30" />  
                            <span class="Validform_checktip">工作单位4-25个汉字、字母、下划线和数字</span>  
                        </td>  
                    </tr>  
                    <tr>  
                        <td>  
                            <span class="redfont"></span>职称职务  
                        </td>  
                        <td class="lefttd">  
                            <input type="text" ignore="ignore" name="" value="" id="position" class="inputxt"  datatype="t2-15" errormsg="职称2-15个汉字、字母、下划线和数字！！" maxlength="30" size="30" />  
                            <span class="Validform_checktip">职称2-15个汉字、字母、下划线和数字！</span>  
                        </td>  
                    </tr>  
                    <tr>  
                        <td>  
                            <span class="redfont">*</span>手  机  
                        </td>  
                        <td class="lefttd">  
                            <input type="text" name="" value="" id="mobilePhone"  
                                class="inputxt mobile" datatype="m" errormsg="手机号为11位有效数字！" maxlength="30" size="30" />  
                            <span class="Validform_checktip">请输入11位有效手机号，方便学习联系。</span>  
                        </td>  
                    </tr>  
                    <tr>  
                        <td>  
                            <span class="redfont">*</span>电  话  
                        </td>  
                        <td class="lefttd">  
                            <input type="text" name="" value="" id="phone" class="inputxt" datatype="m" errormsg="电话号码格式不正确！"  
                                maxlength="30" size="30" />  
                            <span class="Validform_checktip">例如：0712-7827881,58731118</span>  
                        </td>  
                    </tr>  
                    <tr>  
                        <td>  
                            传  真  
                        </td>  
                        <td class="lefttd">  
                            <input type="text" ignore="ignore" name="" value="" id="fax" class="inputxt" datatype="m"  
                                errormsg="传真格式为0712-7827881或58731118！" maxlength="30" size="30" />  
                            <span class="Validform_checktip">与电话号码格式一致</span>  
                        </td>  
                    </tr>  
                    <tr>  
                        <td>  
                            <span class="redfont">*</span>Email  
                        </td>  
                        <td class="lefttd">  
                            <input type="text" name="" value="" id="email" class="inputxt" datatype="e" errormsg="邮箱格式不正确！"  
                                maxlength="30" size="30" />  
                            <span class="Validform_checktip">请输入真实邮件地址，用于发送您的报名信息。</span>  
                        </td>  
                    </tr>  
                    <tr>  
                        <td>  
                            <span class="redfont">*</span>邮政编码  
                        </td>  
                        <td class="lefttd">  
                            <input type="text" ignore="ignore" name="" value="" id="zipcode"   
                                class="inputxt" datatype="p" errormsg="邮政编码6个数字！" maxlength="30" size="30" />  
                            <span class="Validform_checktip">请输入6位邮政编码</span>  
                        </td>  
                    </tr>  
                    <tr>  
                        <td>  
                            <span class="redfont">*</span>所在地区  
                        </td>  
                        <td class="lefttd" id="area_td">  
                            <select id="prov" name="provcode" datatype="city">  
                                <option value="-1">  
                                    请选择  
                                </option>  
                                <option value="" >  
                                     广东 
                                </option>  
                                <option value="">  
                                     广西 
                                </option> 
                            </select>  
                            <select id="city" name="citycode" style="margin-left: 20px;" datatype="city">  
                                <option value="-1">  
                                    请选择  
                                </option> 
                                <option value="" >  
                                     南宁 
                                </option>  
                                <option value="">  
                                     武鸣 
                                </option> 
                            </select>  
                            <select id="area" name="peBzzStudent.peEnterprise.code" style="margin-left: 20px;" datatype="city">  
                                <option value="-1">  
                                    请选择  
                                </option>
                                <option value="" >  
                                     西乡塘 
                                </option>  
                                <option value="">  
                                     兴宁 
                                </option>   
                            </select>  
                            <span class="Validform_checktip"></span>  
                        </td>  
                    </tr>  
                    <tr>  
                        <td>  
                            <span class="redfont">*</span>详细地址  
                        </td>  
                        <td class="lefttd">  
                            <input type="text" name="address" value="" id="address" maxlength="25" size="30" class="inputxt"  
                                datatype="t4-25" errormsg="地址4-25个汉字、字母、下划线和数字！" maxlength="30" />  
                            <span class="Validform_checktip">上面选择省市，此处仅写除省市外的详细地址</span>  
                        </td>  
                    </tr>  
                    <tr>  
                        <td bgcolor="#f3f3f3">  
                            单位属性  
                        </td>  
                        <td>  
                            <span class="redfont">*</span>单位属性  
                        </td>  
                        <td class="lefttd">  
                            <select id="dp" name="" datatype="*" nullmsg="请选择单位属性" style="width: 175px;">  
                                <option value="">  
                                    --- 请选择单位属性---  
                                </option> 
                                <option value="国企" >  
                                     国企 
                                </option>  
                                <option value="民企">  
                                     民企 
                                </option>  
                            </select>  
                            <span id="dp" class="Validform_checktip">请选择您的单位属性</span>  
                        </td>  
                    </tr>  
                    <tr>  
                        <td colspan="3" style="padding-right: 300px;">  
                            <div>  
                                <input  type="submit" value="提交" />  
                                <input  type="reset" value="重填"  /> 
                            </div>  
                        </td>  
                    </tr>  
                </table>  
            </form>  
        </div>  
    </div>
</body>  
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/Validform_v5.3.2.js"></script>
<script type="text/javascript">  
$(function() {  
    $(".registerfrm").Validform({tiptype:3});
//     $(".registerfrm").Validform({  
//         tiptype:function(msg,o,cssctl){  
//             if(!o.obj.is("form")){//验证表单元素时o.obj为该表单元素，全部验证通过提交表单时o.obj为该表单对象;  
//                 var objtip=o.obj.siblings(".Validform_checktip");//指定错误提示控件  
//                 cssctl(objtip,o.type);  
//                 objtip.text(msg);  
//             }  
//         },  
//         showAllError:true,//一次性提示所有错误  
//         datatype:{//传入自定义datatype类型  
//             "u2-4" : /^[0-9a-zA-Z]{1}\w{2,4}$/,//数字和字母开头，后面可以有下划线u2-4和后面的{2,4}数字保持一致  
//             "c":/^(\d{3,4}-)?\d{7,8}$/,//传真或电话  
//             "t2-4" : /^([\u4E00-\u9FA5\uf900-\ufa2d]|\w){2,4}$/,//中文,字母，下划线和数字  
//             "city":function(gets,obj,curform,regxp){  
//                 var prov=$("#prov option:selected").val();  
//                 if(prov==-1){  
//                     return "请选择省份！";  
//                 }else{  
//                     var c=$("#city").find("option");  
//                     if(c.length>1){  
//                         var city=$("#city option:selected").val();  
//                         if(city==-1){  
//                             return "请选择市！";  
//                         }else{  
//                             var a=$("#area").find("option");  
//                             if(a.length>1){  
//                                 var area=$("#area option:selected").val();  
//                                 if(area==-1){  
//                                     return "请选择县！";  
//                                 }  
//                             }  
//                         }  
//                     }  
//                 }  
//                 return true;  
//             }  
//         }  
//     });  
})  
</script>   
</html>